* {
  padding: 0;
  margin: 0;
}
ul,
li,
ol {
  list-style: none;
}

ul {
  display: flex;
  height: 600px;
  align-items: baseline;
  background-color: #c0bbbb9f;
}

li:first-child {
  width: 200px;
  // 有flex-basis且值不为auto或者数字的时候，width是不生效的
  // flex-basis: 30px;
  // flex-basis: 0%;
  // flex-basis: 20;
  flex-basis: auto;
  background-color: rgb(191, 255, 0);
  align-self: center;
}

li:nth-child(2) {
  flex-basis: 0%;
  flex-grow: 1;
  background-color: rgb(62, 120, 147);
}
li:last-child {
  flex-basis: 60%;
  background-color: rgb(70, 165, 118);
}
